<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>jquery.Jcrop.js</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css" />
	<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
</head>
<body>
            <div class="wrap" id="jcropdiv">
                <div class="wl">
                    <div class="jc-demo-box" data="0">
                        <div id="target" class="jcrop_w" >
                            <img src="image/bb.jpg" width="602" height="400" />
                        </div>
                    </div>
                    <div class="jy-up-ch">
                        <a id="idLeft" href="" class="bch bch1"> </a>
                        <a id="idSmall" href="" class="bch bch2"> </a>
                        <a id="idBig" href="" class="bch bch3"> </a>
                        <a id="idRight" href="" class="bch bch4"> </a>
                    </div>
                </div>
                <div class="wr" id="preview-pane">
                    <div class="preview-container">
                        <div class="pre-1">
                            <img src="image/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" />
                        </div>
                        <div class="pre-2">
                            <img src="image/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" />
                        </div>
                        <div class="pre-3">
                            <img src="image/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" />
                        </div>
                    </div>
                </div>
			 </div>


<script type="text/javascript" src="js/jQuery.js"> </script>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
<script type="text/javascript" src="js/basic.js"> </script>


<script>
	
	
</script>
</body>
</html>